// ! IE全版本不兼容

// darkMode支持使用了css变量方案。项目没有使用darkMode支持，则不会看到多套css变量代码，只保留了默认颜色变量。

<% if (darkMode) { %>
[data-theme="light"] {
<% } else { %>
:root {
<% } %>

  --primaryColor: #0052d9;

  --globalColor: #333;

  <% if (fullHeader) { %>
  --navBarBgColor: #0d4e8c;

  --asideBgColor: #fff; //左侧栏背景

  --asideFooterBgColor: #f6f6f6; //左侧栏底部背景
  --asideBorderColor: #dcdfe6; //默认aside的右边1px边框，底部顶端同样，可设置为透明去除

  // 菜单正常 - 菜单项背景为透明
  --asideMenuTextColor: #303133; //菜单项字体颜色
  --asideMenuIconColor: #909399; //菜单项图标颜色

  // 菜单hover
  --asideMenuHoverBgColor: #e6eefb; //hover菜单项背景颜色
  --asideMenuHoverTextColor: #0052d9; //hover菜单项字体颜色
  --asideMenuHoverIconColor: #0052d9; //hover菜单项图标颜色

  // 菜单active
  --asideMenuActiveBgColor: #e6eefb; //acitve菜单项背景颜色
  --asideMenuActiveTextColor: #0052d9; //acitve菜单项字体颜色
  --asideMenuActiveIconColor: #0052d9; //acitve菜单项图标颜色

  <% } else { %>
  --navBarBgColor: #fcfcfc;
  --logoColor: #fff;

  --dividerColor: #e9e9e9;

  --asideBgColor: #001529; //左侧栏背景

  --asideFooterBgColor: #001529; //左侧栏底部背景
  --asideBorderColor: transparent; //默认aside的右边1px边框，底部顶端同样，可设置为透明去除

  // 菜单正常
  --asideMenuTextColor: #b3b9bf;
  --asideMenuIconColor: #b3b9bf;

  // 菜单hover
  --asideMenuHoverBgColor: transparent;
  --asideMenuHoverTextColor: #ffffff;
  --asideMenuHoverIconColor: #ffffff;

  // 菜单active
  --asideMenuActiveBgColor: transparent;
  --asideMenuActiveTextColor: #ffffff;
  --asideMenuActiveIconColor: #ffffff;
  <% } %>

  --layoutMainBgColor: #f6f6f6;

  --cardBgColor: #fff;

}

<% if (darkMode) { %>
[data-theme="dark"] {
  --primaryColor: #1c65b1;

  --globalColor: #fff;

  <% if (fullHeader) { %>
  --navBarBgColor: #122c45;

  --asideBgColor: #001529;

  --asideFooterBgColor: #001529;

  <% } else { %>
  --navBarBgColor: #151515;
  --logoColor: #e9e9e9;

  --dividerColor: #303030;

  --asideBgColor: #212121;

  --asideFooterBgColor: #212121;
  <% } %>

  --asideBorderColor: transparent;

  // 菜单正常
  --asideMenuTextColor: #b3b9bf;
  --asideMenuIconColor: #b3b9bf;

  // 菜单hover
  --asideMenuHoverBgColor: transparent;
  --asideMenuHoverTextColor: #ffffff;
  --asideMenuHoverIconColor: #ffffff;

  // 菜单active
  --asideMenuActiveBgColor: transparent;
  --asideMenuActiveTextColor: #ffffff;
  --asideMenuActiveIconColor: #ffffff;

  --layoutMainBgColor: #000;

  --cardBgColor: #151515;
}
<% } %>
